/*
    自定义主题样式
    红色
*/

/*顶部栏颜色*/
.layui-layout > .layui-side {
    background: #da5757;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.layui-header [data-target-menu-type] {
    border-left: 1px solid #ec9393;
    border-right: 1px solid #ec9393;
}

.nav-header {
    background: #da5757 !important;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 12%), 0 2px 10px 0 rgb(0 0 0 / 0%);
}
.layui-header .layui-logo {
    border-bottom: none;
    color: #fff;
    line-height: 50px;
    width: 200px;
    font-size: 16px;
    font-weight: 600;
}
.layui-header .layui-nav-item > a {
    color: #fff !important;
}
.layui-header .layui-nav-item .layui-nav-child.layui-show + a {
    background: #da5757;
}
.layui-header .layui-nav-item .layui-nav-child.layui-show + a span {
    color: #fff;
}
.my-layui-nav-item:hover {
    transition: 0.5s all;
    background: #f17474;
}

/*左侧菜单*/
.layui-nav-tree {
    background: #da5757;
}
.layui-nav-itemed > .layui-nav-child {
    background: #da5757 !important;
}
.layui-layout > .layui-side .layui-nav-item.layui-this a {
    color: #fffa55 !important;
}
.layui-layout > .layui-side .layui-nav-item a {
    color: #ffd9d9 !important;
    height: 45px !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
    color: #fffa55 !important;
    background: #da5757;
    font-weight: 600;
}
div.layui-side > div.layui-side-scroll::-webkit-scrollbar-thumb {
    background-color: #f77f7f  !important;
}
::-webkit-scrollbar-thumb {
    background-color: #f77f7f  !important;
}
div.layui-side > div.layui-side-scroll::-webkit-scrollbar-track {
    background: #ffe6e6 !important;
}

/*右侧内容*/
.think-box-shadow {
    box-shadow: 0 2px 3px 0 rgb(236 236 236) !important;
}

/*分页按钮色*/
.pagination-container > ul > li.active > span {
    border-color: #da5757 !important;
    background: #da5757 !important;
}